
#login-box{
width:30%;
height: auto;
margin: 0 auto;
margin-top: 15%;
text-align: center;
background: #00000060;
padding: 20px 50px;
}
#login-box h1{
color: #fff;
}
#login-box h3{
    color: #fff;
}
#login-box.form.item{
margin-top: 15px;
}
#login-box.form.item input{
    width: 180px;
    font-size: 18px;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 5px 10px;
    background: #ffffff00;
    color: #fff;
}
#login-box button{
    margin-top: 15px;
    width: 170px;
    height: 37px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border: 0;
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
    border-radius: 15px;
    margin:15px auto;
}
#lg{

    color: #fff;
    position:absolute;
    right:25px;
    top: 3px;
}
#lg1{
    color: #fff;
    position:absolute;
    right:135px;
    top: 3px;
}

.left1 {

    background-color: #bbcbff;
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    height: 100%;
}
.right1{

    position: absolute;
    right: 25%;
    top: 0;
    width: 25%;
    height: 100%;
}
@-webkit-keyframes fadeInOut {
    0% {
        opacity:1;
    }
    25% {
        opacity:0;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity:1;
    }
}
.anim_fade_image {
    position:absolute;
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 9s;
    -webkit-animation-direction: alternate;
}